<style include="wallpaper common">
  :host {
    overflow: hidden;
  }

  iron-scroll-threshold,
  iron-list {
    width: 100%;
  }

</style>
<iron-scroll-threshold id="gridScrollThreshold"
    on-lower-threshold="onGridScrollThresholdReached_" scroll-target="document">
  <iron-list id="grid" items="[[album_]]" as="photo" grid
      scroll-target="document" aria-setsize$="[[album_.length]]"
      role="listbox">
    <template>
      <wallpaper-grid-item
          aria-label$="[[getPhotoAriaLabel_(photo)]]"
          aria-posinset$="[[getPhotoAriaIndex_(index)]]"
          class="photo"
          disabled="[[isPhotoPlaceholder_(photo)]]"
          index="[[index]]"
          is-google-photos
          on-wallpaper-grid-item-selected="onPhotoSelected_"
          role="option"
          selected="[[isPhotoSelected_(photo, currentSelected_, pendingSelected_)]]"
          src="[[photo.url]]"
          tabindex$="[[tabIndex]]">
      </wallpaper-grid-item>
    </template>
  </iron-list>
</iron-scroll-threshold>
